<template>
<!--    <BasicMap id="wrapperRef" ref="wrapperRef" @register="registerMap">-->
<!--        <template #action>-->
<!--            <div class="action">-->
<!--                    <button @click="init"> 逆地理编码</button>-->
<!--            </div>-->
<!--        </template>-->
<!--        <template #toolbar>-->
<!--            <div class="toolbar">工具栏</div>-->
<!--        </template>-->
<!--    </BasicMap>-->
    111
</template>
<script lang="ts" setup>
    import { ref} from 'vue';
    // import { BasicMap} from 'MapUI'
    // import {basicProps} from '/package/BasicMap/prop.ts';
    // import {useBasicMap} from '/package/BasicMap/useBasicMap.ts'
    // const wrapperRef = ref(null);
    // const [registerMap, { getMap,getGeocoder }] = useBasicMap({...basicProps, el: 'wrapperRef'});
    //
    // async function init() {
    //     let res = await getGeocoder()
    //     console.log('res', res)
    // }

</script>
<style lang="less" scoped>
#wrapperRef {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
}
.action{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 1;
}
.toolbar {
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1;
}
</style>
